<template>
  <div id="app">
    <div class="one">
      <router-view></router-view>
    </div>
    <div class="two">
      <router-link to="/" v-if="isRouterAlive"></router-link>
    </div>
  </div>
</template>

<script>
export default {
  data: () => {
    return {
      isRouterAlive: true
    };
  },
  methods: {
    reload() {
      this.isRouterAlive = false;
      this.$nextTick(() => (this.isRouterAlive = true));
    }
  }
};
</script>

<style>
body,
div,
nav,
img,
h5,
p,
ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
a {
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
/* html {
  font-family: "黑体";
} */
body {
  font-family: "黑体";
}
body,
html,
#app {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.one {
  width: 100%;
  height: 100%;
}
.two {
  display: none;
}
</style>
